<!DOCTYPE html>
<!--[if IE 8]>			<html class="ie ie8"> <![endif]-->
<!--[if IE 9]>			<html class="ie ie9"> <![endif]-->
<!--[if gt IE 9]><!-->	<html> <!--<![endif]-->
<head>

	<!-- Meta -->
	<meta charset="utf-8">
	<meta name="keywords" content="HTML5 Template" />
	<meta name="description" content="">
	<meta name="author" content="">

	<title>Doozy | Responsive Ecommerce Portfolio Theme</title>

	<!-- Mobile Metas -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<!-- Favicon -->
	<link rel="shortcut icon" href="/favicon.ico">

	<!-- Google Webfont -->
	<link href="font-awesome-4.2.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<link href='http://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
	
	<!-- CSS -->
	<link rel="stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" href="js/vendor/slick/slick.css">
	<link rel="stylesheet" href="css/prettyphoto.css">
	<link rel="stylesheet" href="js/vendor/owl-carousel/owl.carousel.css">
	<link rel="stylesheet" href="js/vendor/owl-carousel/owl.theme.css">
	<link rel="stylesheet" href="js/vendor/owl-carousel/owl.transitions.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="js/vendor/flex-slider/flexslider.css">

	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->

</head>
<body>

<div class="body">

	<!-- TOPBAR -->
	<div class="topbar">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<ul>
						<li><a href="./myaccount.html">我的账户</a></li>
						<li><a href="./wishlist_noproducts.html">愿望单</a></li>
						<li><a href="./checkout.html">付款</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<!-- HEADER -->
	<div class="header">
		<header>
			<div class="container">
				<div class="row">
					<div class="col-md-4 logo">
						<a href="#"><img src="images/logo.png" class="img-responsive" alt=""/></a>
					</div>
					<div class="col-md-8">
						<div class="cart-main">
							<a class="shop-cart"><i class="fa fa-shopping-cart"></i>购物车</a>
							<div id="cart-main">
								<ul>
									<li>
										<img src="images/xtra/3.jpg" alt="" />
										<div class="description">
											<div class="closeit">X</div>

											<a href="./product_single.html">Dolore Vertyusa&reg; Blue navy</a>
											<div class="position"><p><span class="currency"><span>$</span>45.99</span><span class="sign">x</span><input type="text" value="1" /></p></div>
										</div>
										<div class="clearfix"></div>
									</li>
									<li>
										<img src="images/xtra/4.jpg" alt="" />
										<div class="description">
											<div class="closeit">X</div>

											<a href="./product_single.html">Kids' New Balance&reg; for crewkits K1300 sneakers</a>
											<div class="position"><p><span class="currency"><span>$</span>59.99</span><span class="sign">x</span><input type="text" value="1" /></p></div>
										</div>
										<div class="clearfix"></div>
									</li>
									<li>
										<img src="images/xtra/5.jpg" alt="" />
										<div class="description">
											<div class="closeit">X</div>

											<a href="./product_single.html">Girls' Vans&reg; classic slip-on sneakers</a>
											<div class="position"><p><span class="currency"><span>$</span>37</span><span class="sign">x</span><input type="text" value="1" /></p></div>
										</div>
										<div class="clearfix"></div>
									</li>
								</ul>
								<div class="bottom">
									<span class="total">Total: $231</span>
									<div class="clearfix"></div>
									<a href="./cart.html">结账 <i class="fa fa-angle-right"></i></a>
								</div>
							</div>
						</div>

						<form class="search">
							<input type="search" placeholder="搜索商品">
							<button type="submit"><i class="fa fa-search"></i></button>
						</form>
					</div>
				</div>
			</div>
		</header>

		<!-- NAVMENU -->
		<nav class="container">
			<div id='navmenu'>
				<ul>
					<li><a href='./index.html'>首页</a></li>
					<li><a href='./shop-grid.html'>商城</a></li>
					<li class='has-sub'>
						<a href='#'>团队</a>
						<ul>
							<li><a href='./team.html'>队伍</a></li>
							<li><a href='./team_member.html'>成员</a></li>
						</ul>
					</li>
					<li><a href='./contact.html'>联系我们</a></li>
				</ul>
			</div>
		</nav>
	</div>

	<div class="clearfix space50"></div>

	<!-- PRODUCT SINGLE CONTENT -->
	<div class="container main-content">
		<div class="row">
			<ul class="bcrumbs">
				<li><a href="#"><i class="fa fa-home"></i></a></li>
				<li><span>Single Product</span></li>
			</ul>
			<div class="clearfix space30"></div>
			<div class="row product-single">
				<div class="col-md-7">
					<ul class="product-single-nav">
						<li><img src="images/shop/2/1.jpg" class="img-responsive" alt=""/></li>
						<li><img src="images/shop/2/2.jpg" class="img-responsive" alt=""/></li>
						<li><img src="images/shop/2/3.jpg" class="img-responsive" alt=""/></li>
						<li><img src="images/shop/2/4.jpg" class="img-responsive" alt=""/></li>
					</ul>
					<div id="product-single" class="flexslider">
						<div class="offer-badge">30%</div>
						<ul class="slides">
							<li><img src="images/shop/2/1-1.jpg" alt=""/></li>
							<li><img src="images/shop/2/1-2.jpg" alt=""/></li>
							<li><img src="images/shop/2/1-3.jpg" alt=""/></li>
							<li><img src="images/shop/2/1-4.jpg" alt=""/></li>
						</ul>
					</div>
				</div>

				<div class="col-md-5">
					<div class="ps-inner">
						<h4>Keds Adelle Girls Toddler Shoes</h4>
						<span class="ratings ps-ratings">
						<span class="star">
						<a href="#" class="yes fa fa-star"></a>
						<a href="#" class="yes fa fa-star"></a>
						<a href="#" class="yes fa fa-star"></a>
						<a href="#" class="yes fa fa-star"></a>
						<a href="#" class="no fa fa-star"></a>
						</span>
						<em><a href="#">3 reviews</a></em>
						</span>
						<div class="product-price">$31.99 <span>$34.99</span></div>
						<div class="ps-size">
							<h6>Select Size: <a href="#">size chart</a></h6>
							<div class='selectBox'>
								<span class='selected'></span>
								<span class='selectArrow'>&#9660;</span>
								<div class="selectOptions" >
									<span class="selectOption">Select One</span>
									<span class="selectOption">L</span>
									<span class="selectOption">M</span>
									<span class="selectOption">XL</span>
									<span class="selectOption">XXL</span>
								</div>
							</div>
						</div>
						<div class="ps-width">
							<h6>Select Width:</h6>
							<ul>
								<li class="active"><a href="#">M</a></li>
							</ul>
						</div>
						<div class="clearfix"></div>
						<div class="ps-color">
							<h6>Select Color:</h6>
							<ul>
								<li><a href="#"></a></li>
								<li><a href="#"></a></li>
								<li><a href="#"></a></li>
								<li><a href="#"></a></li>
								<li><a href="#"></a></li>
							</ul>
						</div>
						<div class="clearfix"></div>
						<div class="ps-quantity">
							<h6>Quantity:</h6>
							<div class="quantity">
								<input type="text" name="qty" id="qty" maxlength="12" value="1" class="input-text qty" />
							</div>
						</div>
						<div class="ps-btn">
							<a href="#" class="addcart"><i class="fa fa-shopping-cart"></i> Add to Cart</a>
							<a href="#" class="addwishlist"><i class="fa fa-heart"></i> Add to wishlist</a>
						</div>
					</div>

					<div id="tabs-container">
						<ul class="tabs-menu">
							<li class="current"><a href="#tab-1">Product Details</a></li>
							<li><a href="#tab-2">Reviews (3)</a></li>
						</ul>

						<div class="tab">
							<div id="tab-1" class="tab-content">
								<p><span>Brand:</span> Keds Adelle</p>
								<p><span>Product Code:</span> #12757743876</p>
								<p><span>Availability:</span> <em>In Stock</em></p>
								<div class="clearfix space30"></div>
								<p>The perfect shoe for your little one, the Keds Adelle has all the style of a sneaker and all the comfort of a sandal.</p>
								<div class="clearfix space30"></div>
								<ul class="product-details">
									<li>Leather upper</li>
									<li>Velcro strap closure
									<li>Cut-out designs at toe and sides
									<li>Textile lining with cushioned insole
									<li>Sneaker style rubber midsole
									<li>Rubber traction sole
									<li>Imported
									<li>View more Girls Keds Kids Shoes
									<li>Online Exclusive!
								</ul>
							</div>

							<div id="tab-2" class="tab-content">
								<div class="bs-comments">
									<div class="bsc-content">
										<ul>
											<li>
												<div class="comment-author">
													Lauren Ferinowles
													<span class="ratings">
													<span class="star">
													<a href="#" class="yes fa fa-star"></a>
													<a href="#" class="yes fa fa-star"></a>
													<a href="#" class="yes fa fa-star"></a>
													<a href="#" class="yes fa fa-star"></a>
													<a href="#" class="no fa fa-star"></a>
													</span>
													<em>(4 out of 5)</em>
													</span>
												</div>
												<div class="comment-date">23/11/2015</div>
												<div class="comment-info">
													<p><b>Great Snickers!</b></p>
													<p>I love these sneakers looks great on my nieces. I brought 3 pairs!</p>
												</div>
											</li>

											<li>
												<div class="comment-author">
													Denise Mandelam Kevins
													<span class="ratings">
													<span class="star">
													<a href="#" class="yes fa fa-star"></a>
													<a href="#" class="yes fa fa-star"></a>
													<a href="#" class="yes fa fa-star"></a>
													<a href="#" class="no fa fa-star"></a>
													<a href="#" class="no fa fa-star"></a>
													</span>
													<em>(3 out of 5)</em>
													</span>
												</div>
												<div class="comment-date">22/11/2015</div>
												<div class="comment-info">
													<p><b>Pop of color</b></p>
													<p>The combination of colors is great for every girl!!</p>
												</div>
											</li>

											<li>
												<div class="comment-author">
													Dana Moe
													<span class="ratings">
													<span class="star">
													<a href="#" class="yes fa fa-star"></a>
													<a href="#" class="yes fa fa-star"></a>
													<a href="#" class="yes fa fa-star"></a>
													<a href="#" class="yes fa fa-star"></a>
													<a href="#" class="yes fa fa-star"></a>
													</span>
													<em>(5 out of 5)</em>
													</span>
												</div>
												<div class="comment-date">22/11/2015</div>
												<div class="comment-info">
													<p><b>These ones rule</b></p>
													<p>Stylish classic... my daughter loves them! Fits perfectly.</p>
												</div>
											</li>
										</ul>

										<div class="space80"></div>
										<h5>Leave a review</h5>
										<div class="space30"></div>

										<div class="comment-form">
											<span class="count">1</span>
											<div class="cf-info">
												<h6>What do you think about this item?</h6>
												<p>Review <span>500 characters left</span></p>
												<form>
													<textarea></textarea>
												</form>
											</div>
										</div>

										<div class="comment-form">
											<span class="count">2</span>
											<div class="cf-info">
												<h6>Rate this item</h6>
												<p>How many stars would you give this item out of 5?<br>
													Please click how many stars would you like to award this item.
												</p>
												<div class="star-ratings">
													<a href="#" class="fa fa-star"></a>
													<a href="#" class="fa fa-star"></a>
													<a href="#" class="fa fa-star"></a>
													<a href="#" class="fa fa-star"></a>
													<a href="#" class="fa fa-star"></a>
												</div>
											</div>
										</div>

										<div class="comment-form">
											<span class="count">3</span>
											<div class="cf-info">
												<h6>Personal Details</h6>
												<form>
													<label>Name or Nickname:</label>
													<input type="text">
													<label>Surname (Optional):</label>
													<input type="text">
													<label>Email (Your e-mail will not be visible):</label>
													<input type="email">
													<button type="submit" class="pull-right">Send</button>
												</form>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

			<div class="clearfix space50"></div>
		
			<!-- RELATED PRODUCTS -->
			<div class="shop-featured">
				<div class="col-md-12">
					<h5><span>More styles to love</span></h5>
					<div class="shop-slider1">
						<div class="col-md-4">
							<div class="product-info">
								<div class="product-thumb">
										<div class="offer-badge">-15%</div>
									<img src="images/shop/1/1.jpg" class="img-responsive" alt=""/>
								</div>
								<div class="product-price">$38.99 <span>$42.99</span></div>
								<h4><a href="#">Miuyas Laytsas&reg; Pinky Girls</a></h4>
								<div><a href="#" class="shop-btn"><i class="fa fa-shopping-cart"></i> Add to Cart</a></div>
							</div>
						</div>

						<div class="col-md-4">
							<div class="product-info">
								<div class="product-thumb">
									<img src="images/shop/1/2.jpg" class="img-responsive" alt=""/>
								</div>
								<div class="product-price">$27.99 <span>$35.00</span></div>
								<h4><a href="./product_single.html">Dolore Vertyusa&reg; Blue navy</a></h4>
								<div><a href="#" class="shop-btn"><i class="fa fa-shopping-cart"></i> Add to Cart</a></div>
							</div>
						</div>

						<div class="col-md-4">
							<div class="product-info">
								<div class="product-thumb">
									<img src="images/shop/1/3.jpg" class="img-responsive" alt=""/>
								</div>
								<div class="product-price">$42.99</div>
								<h4><a href="#">Serthbytas Nutras&reg; Kitty</a></h4>
								<div><a href="#" class="shop-btn"><i class="fa fa-shopping-cart"></i> Add to Cart</a></div>
							</div>
						</div>

						<div class="col-md-4">
							<div class="product-info">
								<div class="product-thumb">
										<div class="offer-badge">-30%</div>
									<img src="images/shop/1/1.jpg" class="img-responsive" alt=""/>
								</div>
								<div class="product-price">$38.99 <span>$42.99</span></div>
								<h4><a href="#">Miuyas Laytsas&reg; Pinky Girls</a></h4>
								<div><a href="#" class="shop-btn"><i class="fa fa-shopping-cart"></i> Add to Cart</a></div>
							</div>
						</div>

						<div class="col-md-4">
							<div class="product-info">
								<div class="product-thumb">
									<img src="images/shop/1/2.jpg" class="img-responsive" alt=""/>
								</div>
								<div class="product-price">$27.99 <span>$35.00</span></div>
								<h4><a href="./product_single.html">Dolore Vertyusa&reg; Blue navy</a></h4>
								<div><a href="#" class="shop-btn"><i class="fa fa-shopping-cart"></i> Add to Cart</a></div>
							</div>
						</div>

						<div class="col-md-4">
							<div class="product-info">
								<div class="product-thumb">
									<img src="images/shop/1/3.jpg" class="img-responsive" alt=""/>
								</div>
								<div class="product-price">$42.99</div>
								<h4><a href="#">Serthbytas Nutras&reg; Kitty</a></h4>
								<div><a href="#" class="shop-btn"><i class="fa fa-shopping-cart"></i> Add to Cart</a></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			</div>
		</div>
	</div>

		<div class="clearfix space80"></div>

	<!-- FOOTER -->
	<footer>
		<div class="container">
			<div class="row">
				<div class="row col-md-7">
					<div class="col-md-4">
						<div class="f-widget f-widget1">
							<h5>Information</h5>
							<ul class="f-links">
								<li><a href="#">About Us</a></li>
								<li><a href="#">Our Specials</a></li>
								<li><a href="#">Best Sellers</a></li>
								<li><a href="#">Latest Products</a></li>
								<li><a href="#">FAQ</a></li>
								<li><a href="#">Contact Us</a></li>
							</ul>
						</div>
					</div>

					<div class="col-md-4">
						<div class="f-widget f-widget2">
							<h5>My Account</h5>
							<ul class="f-links">
								<li><a href="./cart.html">My Cart</a></li>
								<li><a href="./checkout.html">Checkout</a></li>
								<li><a href="./wishlist_products.html">Wishlist</a></li>
								<li><a href="./myaccount.html">My Orders</a></li>
								<li><a href="#">My Addresses</a></li>
								<li><a href="./myaccount.html">My Account</a></li>
							</ul>
						</div>
					</div>

					<div class="col-md-4">
						<div class="f-widget f-widget3">
							<h5>Why Choose us?</h5>
							<div class="f-info">
								<p><i><img src="images/ico/1.png" alt=""/></i> Fast Service</p>
								<p><i><img src="images/ico/2.png" alt=""/></i> Trustful Guarantee</p>
								<p><i><img src="images/ico/3.png" alt=""/></i> 24/7 Support</p>
								<p><i><img src="images/ico/4.png" alt=""/></i> Secured Payments</p>
								<p><i><img src="images/ico/5.png" alt=""/></i> 3 Days Money Back</p>
							</div>
						</div>
					</div>
				</div>

				<div class="f-widget f-widget4 col-md-5">
					<h5>Newsletter</h5>
					<p>Be the first to sign up for our latest news & promotions:</p>
					<form class="newsletter">
						<input type="email" placeholder="Enter your email address">
						<button type="submit"><i class="fa fa-angle-right"></i></button>
					</form>
					<div class="space50"></div>
					<h5>Follow Us</h5>
					<ul class="f-social">
						<li><a href="#" class="fa fa-facebook"></a></li>
						<li><a href="#" class="fa fa-twitter"></a></li>
						<li><a href="#" class="fa fa-rss"></a></li>
						<li><a href="#" class="fa fa-linkedin"></a></li>
					</ul>
				</div>
			</div>
		</div>

		<div class="footer-bottom">
			<div class="container">
				<div class="footer-bottom-wrap">
					<div class="row">
						<div class="col-md-6">
							<p>&copy; Copyright 2015. All Rights Reserved.</p>
						</div>
						<div class="col-md-6">
							<ul class="payment">
								<li><a href="#"><img src="images/ico/p1.png" alt=""/></a></li>
								<li><a href="#"><img src="images/ico/p2.png" alt=""/></a></li>
								<li><a href="#"><img src="images/ico/p3.png" alt=""/></a></li>
								<li><a href="#"><img src="images/ico/p4.png" alt=""/></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</footer>
</div>

<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/vendor/slick/slick.js"></script>
<script src="js/vendor/isotope/isotope.pkgd.js"></script>
<script src="js/vendor/owl-carousel/owl.carousel.js"></script>
<script src="js/jquery.appear.js"></script>
<script src="js/jquery.inview.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/vendor/flex-slider/jquery.flexslider.js"></script>
<script src="js/vendor/flex-slider/main.js"></script>
<script type="text/javascript" src="js/jquery.countdown.js"></script>
<script src="js/jquery.prettyphoto.js"></script>
<script src="js/main.js"></script>

</body>
</html>
